@extends('tpl')
@section('body')
    <div class="wrapper-content animated fadeInRight form-horizontal">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins ">
                    <div class="ibox-content">
                        <h2 class="ibox-title">
                            Creare comanda noua
                        </h2>
                    </div>
                    <form action="" id="project-form">
                        <div class="ibox-content">
                            <h3>
                                Data si ora ridicarii
                            </h3>
                            <div class="form-group">
                                <label for="up_date" class="col-sm-2 control-label">Data ridicarii</label>
                                <div class="col-sm-10">
                                    <input name="up_date" id="up_date" type="text" class="form-control" disabled
                                           value="{{date('d.m.Y')}}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="up_hour" class="col-sm-2 control-label">Ora ridicare*</label>
                                <div class="col-sm-10">
                                    <div class="input-group">
                                        <input name="up_hour" id="up_hour" type="text" class="form-control timepicker">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="contact_person" class="col-sm-2 control-label">Persoane Fan</label>
                                <div class="col-sm-10">
                                    <select class="form-control" name="contact_person" id="contact_person">
                                        @if(!$fanCourierContactPersons->isEmpty())
                                            @foreach($fanCourierContactPersons as $key => $item)
                                                <option value="{{$item->id}}">{{$item->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <h3>
                                Detalii expeditie
                            </h3>
                            <div class="form-group">
                                <label for="envelopes" class="col-sm-2 control-label">Nr. total de plicuri*</label>
                                <div class="col-sm-10">
                                    <input name="envelopes" id="envelopes" type="text" class="form-control"
                                           value="{{$total_envelopes}}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="parcels" class="col-sm-2 control-label">Nr. total de colete*</label>
                                <div class="col-sm-10">
                                    <input name="parcels" id="parcels" type="text" class="form-control"
                                           value="{{$total_parcels}}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="total_weight" class="col-sm-2 control-label">Greutatea totala (kg)*</label>
                                <div class="col-sm-10">
                                    <input name="total_weight" id="total_weight" type="text" class="form-control"
                                           value="{{$total_wight}}">
                                </div>
                            </div>
                            <h3>
                                Dimensiunile celui mai mare colet
                            </h3>
                            <div class="form-group">
                                <label for="height" class="col-sm-2 control-label">Inaltime (cm)</label>
                                <div class="col-sm-10">
                                    <input name="height" id="height" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="width" class="col-sm-2 control-label">Latime (cm)</label>
                                <div class="col-sm-10">
                                    <input name="width" id="width" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="length" class="col-sm-2 control-label">Lungime (cm)</label>
                                <div class="col-sm-10">
                                    <input name="length" id="length" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="change_address">Ridicare de la alta adresa
                                    (aceeasi localitate)</label>
                                <div class="col-sm-10 report-value">
                                    <input type="checkbox" name="change_address" id="change_address">
                                </div>
                            </div>
                            <div class="change-address-block">
                                <div class="form-group">
                                    <label for="fan_district" class="col-sm-2 control-label">Judet*</label>
                                    <div class="col-sm-10 ">
                                        @if(!$fanCourierDistricts->isEmpty())
                                            <select name="fan_district" id="fan_district" class="form-control select2">
                                                <option value="">Alegeti judet</option>
                                                @foreach($fanCourierDistricts as $district)
                                                    <option value="{{$district->district_id}}">{{$district->name}}</option>
                                                @endforeach
                                            </select>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="fan_village" class="col-sm-2 control-label">Localitate*</label>
                                    <div class="col-sm-10 ">
                                        <select name="fan_village" id="fan_village" class="form-control select2">
                                            <option value="">Alegeti localitate</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="fan_street" class="col-sm-2 control-label">Strada</label>
                                    <div class="col-sm-10 ">
                                        <select name="fan_street" id="fan_street" class="form-control select2">
                                            <option value="">Alegeti strada</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="street_number" class="col-sm-2 control-label">Nr. strazii*</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" name="street_number" id="street_number" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="client_exp" class="col-sm-2 control-label">Client expeditor</label>
                                    <div class="col-sm-10">
                                        <input name="client_exp" id="client_exp" type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="building_number" class="col-sm-2 control-label">Bloc</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" name="building_number" id="building_number"
                                               class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="entrance" class="col-sm-2 control-label">Scara</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" name="entrance" id="entrance" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="floor" class="col-sm-2 control-label">Etaj</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" name="floor" id="floor" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="flat" class="col-sm-2 control-label">Apartament</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" name="flat" id="flat" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="observations" class="col-sm-2 control-label">Observatii</label>
                                <div class="col-sm-10">
                                    <input name="observations" id="observations" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="btn-controls personal-btn-controls">
                                <button type="button" class="btn btn-outline btn-info pull-right"
                                        onclick="performStore()">
                                    Creaza comanda
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function performStore() {

            var data = $('#project-form').serialize();

            clearErrorMsg('#project-form');

            $.ajax({
                type: 'POST',
                url: '/courier-command/performStore',
                beforeSend: function () {
                    loader_list.fadeIn();
                },
                data: data,
                success: function (resp) {
                    loader_list.fadeOut();

                    if (resp.validator)
                        addErrorMsg('#project-form', resp.validator);
                    if (resp.msg)
                        toastr[resp.msg.type](resp.msg.e);

                    if (resp.status) {
                        window.location.href = '/courier-command';
                    }
                },
                error: function () {
                    loader_list.fadeOut();

                    setTimeout(function(){
                        window.location.reload();
                    }, 500)
                }
            });

        }

    </script>

@endsection